<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小工具</title>
    <link rel="stylesheet" href="../css/bootstrap.min.css">
</head>

<body>
    <div class="container">
        <div class="p-3 mb-2 bg-primary text-white">.bg-primary</div>
        <div class="p-3 mb-2 bg-secondary text-white">.bg-secondary</div>
        <div class="p-3 mb-2 bg-success text-white">.bg-success</div>
        <div class="p-3 mb-2 bg-danger text-white">.bg-danger</div>
        <div class="p-3 mb-2 bg-warning text-dark">.bg-warning</div>
        <div class="p-3 mb-2 bg-info text-dark">.bg-info</div>
        <div class="p-3 mb-2 bg-light text-dark">.bg-light</div>
        <div class="p-3 mb-2 bg-dark text-white">.bg-dark</div>
        <div class="p-3 mb-2 bg-body text-dark">.bg-body</div>
        <div class="p-3 mb-2 bg-white text-dark">.bg-white</div>
        <div class="p-3 mb-2 bg-transparent text-dark">.bg-transparent</div>
    </div>
    <br>
    <div class="container">
        <div class="p-3 mb-2 bg-primary bg-gradient text-white">.bg-primary</div>
        <div class="p-3 mb-2 bg-secondary bg-gradient text-white">.bg-secondary</div>
        <div class="p-3 mb-2 bg-success bg-gradient text-white">.bg-success</div>
        <div class="p-3 mb-2 bg-danger bg-gradient text-white">.bg-danger</div>
        <div class="p-3 mb-2 bg-warning bg-gradient text-dark">.bg-warning</div>
        <div class="p-3 mb-2 bg-info bg-gradient text-dark">.bg-info</div>
        <div class="p-3 mb-2 bg-light bg-gradient text-dark">.bg-light</div>
        <div class="p-3 mb-2 bg-dark bg-gradient text-white">.bg-dark</div>
        <div class="p-3 mb-2 bg-body bg-gradient text-dark">.bg-body</div>
        <div class="p-3 mb-2 bg-white bg-gradient text-dark">.bg-white</div>
        <div class="p-3 mb-2 bg-transparent bg-gradient text-dark">.bg-transparent</div>
    </div>
    <br>
    <div class="container"><span class="border"></span>
        <span class="border border-0"></span>
        <span class="border border-top-0"></span>
        <span class="border border-end-0"></span>
        <span class="border border-bottom-0"></span>
        <span class="border border-start-0"></span>
        <br>

        <span class="border-top"></span>
        <span class="border-end"></span>
        <span class="border-bottom"></span>
        <span class="border-start"></span>
    </div>
    <br>
    <div class="container"></div>
    <br>
    <div class="container"></div>
    <br>
    <div class="container"></div>
    <br>
    <div class="container"></div>
    <br>
    <div class="container"></div>
    <br>
    <div class="container"></div>
    <br>
    <div class="container"></div>
    <br>
    <div class="container"></div>
    <br>
    <div class="container"></div>
    <br>
    <div class="container"></div>

    <script src="./js/bootstrap.bundle.min.js"></script>
</body>

</html>